<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="keywords" content="admin, dashboard, bootstrap, template, flat, modern, theme, responsive, fluid, retina, backend, html5, css, css3">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
  <link rel="shortcut icon" href="#" type="image/png">

  <title>AdminEx 高端自适应后台系统管理界面html源码模板 - </title>

  <!--icheck-->
  <link href="js/iCheck/skins/minimal/minimal.css" rel="stylesheet">
  <link href="js/iCheck/skins/square/square.css" rel="stylesheet">
  <link href="js/iCheck/skins/square/red.css" rel="stylesheet">
  <link href="js/iCheck/skins/square/blue.css" rel="stylesheet">

  <!--dashboard calendar-->
  <link href="css/clndr.css" rel="stylesheet">

  <!--Morris Chart CSS -->
  <link rel="stylesheet" href="js/morris-chart/morris.css">

  <!--common-->
  <link href="css/style.css" rel="stylesheet">
  <link href="css/style-responsive.css" rel="stylesheet">




  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
</head>

<body class="sticky-header">

<section>
  <!-- left side start-->
  <div class="left-side sticky-left-side">

    <!--logo and iconic logo start-->
    <div class="logo">
      <a href="main.html"><img src="images/logo.png" alt=""></a>
    </div>

    <div class="logo-icon text-center">
      <a href="main.html"><img src="images/logo_icon.png" alt=""></a>
    </div>
    <!--logo and iconic logo end-->

    <div class="left-side-inner">

      <!-- visible to small devices only -->
      <div class="visible-xs hidden-sm hidden-md hidden-lg">
        <div class="media logged-user">
          <img alt="" src="images/photos/user-avatar.png" class="media-object">
          <div class="media-body">
            <h4><a href="#">[[${session.loginUser.userName}]]</a></h4>
            <span>"Hello There..."</span>
          </div>
        </div>

        <h5 class="left-nav-title">Account Information</h5>
        <ul class="nav nav-pills nav-stacked custom-nav">
          <li><a href="#"><i class="fa fa-user"></i> <span>Profile</span></a></li>
          <li><a href="#"><i class="fa fa-cog"></i> <span>Settings</span></a></li>
          <li><a href="#"><i class="fa fa-sign-out"></i> <span>Sign Out</span></a></li>
        </ul>
      </div>

      <!--sidebar nav start-->
      <ul class="nav nav-pills nav-stacked custom-nav">
        <li class="active"><a href="main.html"><i class="fa fa-home"></i> <span>Dashboard</span></a></li>
        <li class="menu-list"><a href=""><i class="fa fa-laptop"></i> <span>按一级分类查询</span></a>
          <ul class="sub-menu-list">
            <li><a th:href="@{/fristClass?frist=数码产品}"> 数码产品</a></li>
            <li><a th:href="@{/fristClass?frist=动画周边}"> 动画周边</a></li>

          </ul>
        </li>
        <li class="menu-list"><a href=""><i class="fa fa-book"></i> <span>动画周边</span></a>
          <ul class="sub-menu-list">
            <li><a th:href="@{/bothClass?frist=动画周边&second=美术设定集}"> 美术设定集</a></li>
            <li><a th:href="@{/bothClass?frist=动画周边&second=立牌}"> 立牌</a></li>
            <li><a th:href="@{/bothClass?frist=动画周边&second=徽章}"> 徽章</a></li>
            <li><a th:href="@{/bothClass?frist=动画周边&second=毛绒玩偶}"> 毛绒玩偶</a></li>
          </ul>
        </li>
        <li class="menu-list"><a href=""><i class="fa fa-cogs"></i> <span>数码产品</span></a>
          <ul class="sub-menu-list">
            <li><a th:href="@{/bothClass?frist=数码产品&second=手机}"> 手机</a></li>
            <li><a th:href="@{/bothClass?frist=数码产品&second=平板电脑}"> 平板电脑</a></li>
            <li><a th:href="@{/bothClass?frist=数码产品&second=电脑}"> 电脑</a></li>
            <li><a th:href="@{/bothClass?frist=数码产品&second=照相机}"> 照相机</a></li>

          </ul>
        </li>

        <li><a th:href="@{/getAllGFU}"><i class="fa fa-bullhorn"></i> <span>查看全部商品</span></a></li>

        <li class="menu-list"><a href=""><i class="fa fa-envelope"></i> <span>商品操作</span></a>
          <ul class="sub-menu-list">
            <li><a th:href="@{/toAddGoodAndPrice}"> 上架商品</a></li>
            <li><a th:href="@{/getGFUByUpPutUserId}"> 我上架的商品</a></li>
            <li><a th:href="@{/getGFUByBuyUserNo}"> 我参与竞价的商品</a></li>
          </ul>
        </li>

        <li class="menu-list"><a href=""><i class="fa fa-tasks"></i> <span>查看订单</span></a>
          <ul class="sub-menu-list">
            <li><a th:href="@{/getGoodOrderPriceForUser}"> 查看与我有关的订单</a></li>
          </ul>
        </li>
      </ul>
      <!--sidebar nav end-->

    </div>
  </div>
  <!-- left side end-->

  <!-- main content start-->
  <div class="main-content" >

    <!-- header section start-->
    <div class="header-section">

      <!--toggle button start-->
      <a class="toggle-btn"><i class="fa fa-bars"></i></a>
      <!--toggle button end-->

      <!--search start-->
      <form class="searchform" action="main.html" method="post">
        <input type="text" class="form-control" name="keyword" placeholder="Search here..." />
      </form>
      <!--search end-->

      <!--notification menu start -->
      <div class="menu-right">
        <ul class="notification-menu">
          <li>
            <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
              <i class="fa fa-tasks"></i>
              <span class="badge">8</span>
            </a>
            <div class="dropdown-menu dropdown-menu-head pull-right">
              <h5 class="title">You have 8 pending task</h5>
              <ul class="dropdown-list user-list">
                <li class="new">
                  <a href="#">
                    <div class="task-info">
                      <div>Database update</div>
                    </div>
                    <div class="progress progress-striped">
                      <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning">
                        <span class="">40%</span>
                      </div>
                    </div>
                  </a>
                </li>
                <li class="new">
                  <a href="#">
                    <div class="task-info">
                      <div>Dashboard done</div>
                    </div>
                    <div class="progress progress-striped">
                      <div style="width: 90%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" role="progressbar" class="progress-bar progress-bar-success">
                        <span class="">90%</span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="task-info">
                      <div>Web Development</div>
                    </div>
                    <div class="progress progress-striped">
                      <div style="width: 66%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="66" role="progressbar" class="progress-bar progress-bar-info">
                        <span class="">66% </span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="task-info">
                      <div>Mobile App</div>
                    </div>
                    <div class="progress progress-striped">
                      <div style="width: 33%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="33" role="progressbar" class="progress-bar progress-bar-danger">
                        <span class="">33% </span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="task-info">
                      <div>Issues fixed</div>
                    </div>
                    <div class="progress progress-striped">
                      <div style="width: 80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar">
                        <span class="">80% </span>
                      </div>
                    </div>
                  </a>
                </li>
                <li class="new"><a href="">See All Pending Task</a></li>
              </ul>
            </div>
          </li>
          <li>
            <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
              <i class="fa fa-envelope-o"></i>
              <span class="badge">5</span>
            </a>
            <div class="dropdown-menu dropdown-menu-head pull-right">
              <h5 class="title">You have 5 Mails </h5>
              <ul class="dropdown-list normal-list">
                <li class="new">
                  <a href="">
                    <span class="thumb"><img src="images/photos/user1.png" alt="" /></span>
                    <span class="desc">
                                          <span class="name">John Doe <span class="badge badge-success">new</span></span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                  </a>
                </li>
                <li>
                  <a href="">
                    <span class="thumb"><img src="images/photos/user2.png" alt="" /></span>
                    <span class="desc">
                                          <span class="name">Jonathan Smith</span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                  </a>
                </li>
                <li>
                  <a href="">
                    <span class="thumb"><img src="images/photos/user3.png" alt="" /></span>
                    <span class="desc">
                                          <span class="name">Jane Doe</span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                  </a>
                </li>
                <li>
                  <a href="">
                    <span class="thumb"><img src="images/photos/user4.png" alt="" /></span>
                    <span class="desc">
                                          <span class="name">Mark Henry</span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                  </a>
                </li>
                <li>
                  <a href="">
                    <span class="thumb"><img src="images/photos/user5.png" alt="" /></span>
                    <span class="desc">
                                          <span class="name">Jim Doe</span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                  </a>
                </li>
                <li class="new"><a href="">Read All Mails</a></li>
              </ul>
            </div>
          </li>
          <li>
            <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
              <i class="fa fa-bell-o"></i>
              <span class="badge">4</span>
            </a>
            <div class="dropdown-menu dropdown-menu-head pull-right">
              <h5 class="title">Notifications</h5>
              <ul class="dropdown-list normal-list">
                <li class="new">
                  <a href="">
                    <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                    <span class="name">Server #1 overloaded.  </span>
                    <em class="small">34 mins</em>
                  </a>
                </li>
                <li class="new">
                  <a href="">
                    <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                    <span class="name">Server #3 overloaded.  </span>
                    <em class="small">1 hrs</em>
                  </a>
                </li>
                <li class="new">
                  <a href="">
                    <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                    <span class="name">Server #5 overloaded.  </span>
                    <em class="small">4 hrs</em>
                  </a>
                </li>
                <li class="new">
                  <a href="">
                    <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                    <span class="name">Server #31 overloaded.  </span>
                    <em class="small">4 hrs</em>
                  </a>
                </li>
                <li class="new"><a href="">See All Notifications</a></li>
              </ul>
            </div>
          </li>
          <li>
            <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
              <img src="images/photos/user-avatar.png" alt="" />
              [[${session.loginUser.userName}]]
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
              <li><a href="#"><i class="fa fa-user"></i>  Profile</a></li>
              <li><a href="#"><i class="fa fa-cog"></i>  Settings</a></li>
              <li><a href="#"><i class="fa fa-sign-out"></i> Log Out</a></li>
            </ul>
          </li>

        </ul>
      </div>
      <!--notification menu end -->

    </div>
    <!-- header section end-->


    <!--body wrapper start-->
    <div class="wrapper">
      <div class="col-lg-12">
        <section class="panel">
          <header class="panel-heading">
            上架新商品
          </header>
          <div class="panel-body">
            <form role="form" action="/addGoodAndPrice" method="post">
              <div class="form-group">
                <label for="goodName">商品名字</label>
                <input type="text" class="form-control" id="goodName" name="goodName">
              </div>

              <div class="form-group">
                <label for="goodAttribute">商品级别</label>
                <select class="form-control input-lg m-bot10" name="goodAttribute" id="goodAttribute">
                  <option value="1">1</option>
                  <option value="2">2</option>
                  <option value="3">3</option>
                </select>
              </div>

              <div class="form-group">
                <label for="good1stClassification">商品大类</label>
                <select class="form-control input-lg m-bot15" name="good1stClassification" id="good1stClassification">
                  <option value="数码产品">数码产品</option>
                  <option value="动画周边">动画周边</option>
                </select>
              </div>

              <div class="form-group">
                <label for="good2ndClassification">商品小类</label>
                <select class="form-control input-lg m-bot15" name="good2ndClassification" id="good2ndClassification">
                  <option value="手机">手机</option>
                  <option value="电脑">电脑</option>
                  <option value="平板电脑">平板电脑</option>
                  <option value="照相机">照相机</option>
                  <option value="美术设定集">美术设定集</option>
                  <option value="立牌">立牌</option>
                  <option value="徽章">徽章</option>
                  <option value="毛绒玩偶">毛绒玩偶</option>
                </select>
              </div>

              <input type="hidden" value="1" name="goodState">

              <input type="hidden" th:value="${session.loginUser.getUserNo()}" name="goodUpPutUser">

              <div class="form-group">
                <label for="priceStart">商品价格</label>
                <input type="text" class="form-control" id="priceStart" name="priceStart">
              </div>

              <input type="hidden" name="priceBuyUserNo" th:value="${session.loginUser.getUserNo()}">

              <button type="submit" class="btn btn-primary">Submit</button>
            </form>

          </div>
        </section>
      </div>
      <section class="panel">

      </section>



    </div>
    <!--body wrapper end-->

    <!--footer section start-->
    <footer>
      2020 &copy; AdminEx by ThemeBucket </a>
    </footer>
    <!--footer section end-->


  </div>
  <!-- main content end-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modernizr.min.js"></script>
<script src="js/jquery.nicescroll.js"></script>

<!--easy pie chart-->
<script src="js/easypiechart/jquery.easypiechart.js"></script>
<script src="js/easypiechart/easypiechart-init.js"></script>

<!--Sparkline Chart-->
<script src="js/sparkline/jquery.sparkline.js"></script>
<script src="js/sparkline/sparkline-init.js"></script>

<!--icheck -->
<script src="js/iCheck/jquery.icheck.js"></script>
<script src="js/icheck-init.js"></script>

<!-- jQuery Flot Chart-->
<script src="js/flot-chart/jquery.flot.js"></script>
<script src="js/flot-chart/jquery.flot.tooltip.js"></script>
<script src="js/flot-chart/jquery.flot.resize.js"></script>


<!--Morris Chart-->
<script src="js/morris-chart/morris.js"></script>
<script src="js/morris-chart/raphael-min.js"></script>

<!--Calendar-->
<script src="js/calendar/clndr.js"></script>
<script src="js/calendar/evnt.calendar.init.js"></script>
<script src="js/calendar/moment-2.2.1.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>

<!--common scripts for all pages-->
<script src="js/scripts.js"></script>

<!--Dashboard Charts-->
<script src="js/dashboard-chart-init.js"></script>


</body>
</html>
